@charset "utf-8";
/**新右侧导航***/
.nav_right { width:150px; position:fixed; top:50%; margin-top:-350px; right:50px; z-index:11;}
.nav_right .close { width:13px; height:13px; position:absolute; top:10px; right:10px; z-index:11; background:url(../images/close.png) no-repeat center center;}
.nav_rightcon { width:150px; background-color:#f2f2f2; border-radius:4px; float:left;}
.qq_color { display: block; width: 106px; padding-left:22px; height: 116px; font-size: 14px; color: #16b3ff; text-align: center; position: relative; }
.qq_color span { bottom: 5px; position: absolute; width: 90px; left: 30px; }
.qq_hover { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 40px; top: 10px; overflow: hidden; z-index: 9; }
.qq_bg { z-index: 9; position: absolute; left: 0; top: 0; width: 109px; padding:0px 20px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq_bg.png) no-repeat center 8px; }
.qq_hover .img { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.qq_hd:hover .img { max-width: 70px; left: 1px; top: 8px; position: absolute; }
.nav_rightcon ul.tel { width:140px; padding:5px; overflow:hidden; float:left;}
.nav_rightcon ul.tel li { width:100%; display:block; float:left; line-height:28px; font-size:14px; text-align:center;}
.nav_rightcon ul.tel li.orange { color:#ff6600; font-size:16px; font-weight: bold;}
.nav_rightcon ul.tel li.btn a { width:100px; height:30px; line-height:30px; margin-left:5px; float:left; padding-left:30px; background:url(../images/QQ.png) no-repeat 25px center #74c8f1; color:#fff; border-radius:4px;}
.nav_rightcon .ewm { width:100%; height:50px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; float:left;}
.nav_rightcon .ewm .fl {width:74px; height:50px; position:relative; border-right:1px dashed #ddd; cursor:pointer;}
.nav_rightcon .ewm .fl .show { width:114px; height:114px; position:absolute; top:-30px; right:74px;}
.nav_rightcon .ewm .fl .show i {width:0px;height:0px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:5px solid #fff;font-size:0px;line-height:0px; z-index:1; position:absolute;top:50px; right:-5px;}
.nav_rightcon .ewm .weixin { width:74px; height:50px; background:url(../images/wx.png) no-repeat center center; float:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.nav_rightcon .ewm .sina { width:75px; height:50px; background:url(../images/sina.png) no-repeat center center; float:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.nav_rightcon .ewm .weixin:hover,.nav_rightcon .ewm .sina:hover {filter:alpha(opacity=70);  -moz-opacity:0.7;  -khtml-opacity: 0.7;  opacity: 0.7;}
.nav_rightcon .back_top { padding:10px 0px; width:100%; float:left;}
.nav_rightcon .back_top a { width:100%; display:block; padding-top:25px; background:url(../images/top.png) no-repeat top; text-align:center; color:#999; font-size:14px;}
.nav_rightcon .back_top a:hover {filter:alpha(opacity=70);  -moz-opacity:0.7;  -khtml-opacity: 0.7;  opacity: 0.7;}
.nav_righthide { width:40px; text-align:center; background-color:#16b3ff; border-radius:4px; position:fixed; top:50%; right:5px; margin-top:-250px; z-index:10; overflow:hidden; padding:5px 0px;}
.nav_righthide a { width:100%; display:inline-block; float:left;}
.nav_righthide a span {width:100%; height:24px; line-height:24px; display:block; float:left; text-align:center; color:#fff; font-size:14px;}
.nav_righthide a .img { background:url(../images/QQ.png) no-repeat center center;}
.nav_righthide a .back {background:url(../images/back.png) no-repeat center center;}